<template>
  <div id="intfsettings">
    <div class="totalContent">
      <el-tabs type="border-card">
        <el-tab-pane label="接口配置">
          <CompIntfConfig />
        </el-tab-pane>
        <el-tab-pane label="功能选项">
          <el-empty description="功能维护中" />
        </el-tab-pane>
        <el-tab-pane label="执行任务">
          <el-empty description="功能维护中" />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import Breadcrumb from '@/components/Breadcrumb.vue'; //面包屑
import CompIntfConfig from './compIntfSettings/CompIntfConfig.vue'; //接口配置

</script>
<style lang="scss" scoped>
#intfsettings {
  width: 100%;
  height: 100%;
  .totalContent {
    // 面包屑40px  上下间距10px
    height: calc(100% - 20px);
  }

  :deep .el-tabs {
    height: 100%;
    border: none;
  }
  :deep .el-tabs__content {
    height: calc(100% - 40px);
    padding: 0;
  }
  :deep .el-tab-pane {
    height: 100%;
  }
  :deep .splitpanes {
    height: 100%;
  }
}
</style>
